<template>
   <div>
        <p>喜欢你的专栏</p>
       <span v-for="(item,a) in arr" :key="a" >
        <input type="checkbox"  v-model="arr1" :value="item" >{{item}}
       </span>
       
        <div>
            <ul>
                <li v  v-for="(item1,aa) in arr1" :key="aa">{{item1}}</li>
            </ul>
        </div>
   </div>
</template>

<script>
export default {
     data(){
         return{
             arr:["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"],
             arr1:[]
        } 
     },
     methods:{

     }
}
</script>

<style>

</style>